/* 
    Document   : labJSONFeeds.css
    Created on : May 16, 2011, 9:55:20 PM
    Author     : Manu
    Description:
        Purpose of the stylesheet follows.
*/

/* 
    Document   : labJSONFeeds.css
    Created on : May 16, 2011, 9:55:20 PM
    Author     : Manu
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/*
body {
    padding:0px;
}*/

#inputUrl1,#inputUrl2, #inputJSON, #outputJSON {
    width:97%;
    
}

#lastQueryDetails1, #lastQueryDetails2 {
    height:20px;
}

.feedRequestOK, .feedRequestNOK {
    font-size: small;
    font-weight:bold;
    font-style:italic;
}

.feedRequestOK {
    color:green;
}

.feedRequestNOK {
    color:red;
}

#inputJSON, #outputJSON {
    height:190px;
}

/*#hackForGettingSameHeight {
    visibility: hidden;
}	*/
/* Vertical Tabs taken from jQuery UI official site: http://jquery-ui.googlecode.com/svn/trunk/demos/tabs/vertical.html
----------------------------------*/

/*main container (applied to the div with id "tabs")*/
/*.ui-tabs-vertical { width: 550px; height: 310px; font-size: small; }*/
.ui-tabs-vertical { width: 100%; height: 100%; font-size: small; padding: 0px; margin:0px; }

/*the tabs' navigation "thumbs" ("onglets")*/
/*.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 20%; }*/
.ui-tabs-vertical .ui-tabs-nav { padding: 0px;margin:0px; float: left; width: 20%; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
/*.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0px; }*/
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }

/*the tabs' contents*/
.ui-tabs-vertical .ui-tabs-panel { padding: 0px; margin:0px; float: right; width: 78%;height: 100%; }
	

